<table class="table table-striped table-bordered table-hover nomargin-bottom">
	<thead>
		<tr>
			<th class="center">区域名称</th>
			<th class="center">区域编码</th>
			<th class="center">上级区域</th>
			<th class="center">区域类型</th>
			<th class="center">操作</th>
		</tr>
	</thead>

	<tbody>
		@for(item in page.list){
			<tr>
				<td class="center">
					<a href="javascript:;" 
						data-title="<${item.name!}>详情" data-mode="detail"
						data-url="${ctxPath}/area/detail/showlayer"
						data-data="{id:'${item.id}'}"
					>${item.name}</a>
				</td>
				<td class="center">
					${ item.code!}
				</td>
				<td class="center">
					${item.pname! }
				</td>
				<td class="center">
					${dict.getDictByTypeAndValue("sys_area_type",item.type).label}
				</td>
				<td class="center">
					<div class="hidden-sm hidden-xs action-buttons">
						<a class="green" href="javascript:void(0);" 
							data-mode="page" data-title="<${item.name!}>编辑"
							data-url="${ctxPath}/area/edit/showlayer"
							data-data="{id:'${item.id}',parentId:'${item.pid}'}"
							data-width="50%"
						>
							<i class="ace-icon fa fa-pencil bigger-130"></i>
						</a>

						<a class="red" href="javascript:void(0);" 
							data-mode="del" data-title="删除操作"
							data-msg="<span class='red bigger-120'>你确定删除<${item.name!}>吗?</span>"
							data-url="${ctxPath}/area/delete" data-data="{id:'${item.id}'}"
						>
							<i class="ace-icon fa fa-trash-o bigger-130"></i>
						</a>
					</div>
				</td>
			</tr>
		@}
	</tbody>
</table>
<div class="space-8"></div>
<#paginate page="${page}" />